<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="js/mui.min.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<script type="text/javascript" charset="utf-8">
			//mui插件初始化
			mui.init({
				swipeBack: true //启用右滑关闭功能
			});
		</script>
		
	</head>

	<body>
		<div class="top-wrap">
			<div onclick="TEST()" class="left">
				<img src="images/dangqiandingwei-icon.png" />
				<span>天津</span>
			</div>
			<div onclick="goPersonalInfo()" class="right">
				<div class="dengji">
					3级
				</div>
				<div id="jindutiao" class="jindutiao">
					<p class="mui-progressbar mui-progressbar-success" data-progress="20"><span></span></p>
				</div>
				<img id="headimgurl" src="images/shuijiao.jpg" />
			</div>
		</div>
		<div class="" style="padding-top: 45px;padding-bottom: 20px;">
			<!--轮播图-->
			<div class="mui-slider">
				<div class="mui-slider-group .mui-slider-loop">
					<!--第一个内容区容器-->
					<div class="mui-slider-item mui-slider-item-duplicate">
						<!-- 具体内容 -->
						<img src="images/zeya04.jpg" />
					</div>
					<!--第一个内容区容器-->
					<div class="mui-slider-item">
						<!-- 具体内容 -->
						<img src="images/zeya01.jpg" />
					</div>
					<!--第2个内容区容器-->
					<div class="mui-slider-item">
						<!-- 具体内容 -->
						<img src="images/zeya02.jpg" />
					</div>
					<!--第3个内容区容器-->
					<div class="mui-slider-item">
						<!-- 具体内容 -->
						<img src="images/zeya03.jpg" />
					</div>
					<!--第二个内容区-->
					<div class="mui-slider-item">
						<!-- 具体内容 -->
						<img src="images/zeya04.jpg" />
					</div>
					<!--第二个内容区-->
					<div class="mui-slider-item mui-slider-item-duplicate">
						<!-- 具体内容 -->
						<img src="images/zeya01.jpg" />
					</div>
				</div>
				<div class="mui-slider-indicator">
					<div class="mui-indicator mui-active"></div>
					<div class="mui-indicator"></div>
				</div>
			</div>
			<!--景区列表-->
			<div class="jiqu-wrap">
				<div class="item">
					<div class="t">
						泽雅景区
					</div>
					<div class="wan">
						<span class="wan-t">玩法：</span>
						<span class="wan-content">根据地图上指示的点扫二维码可获得积分，积分达到一定值有相应的奖励。</span>
					</div>
					<div class="little-h">
						<div class="all-jifen float-left">
							总积分数：<span class="strong">1200</span>
						</div>
						<div class="now-people float-right">
							当前游玩人数：<span class="strong">100</span>
						</div>
					</div>
					<img onclick="goPage('other/map.html')" src="images/zeya05.jpg" />
				</div>
				<div class="item">
					<div class="t">
						泽雅景区
					</div>
					<div class="wan">
						<span class="wan-t">玩法：</span>
						<span class="wan-content">根据地图上指示的点扫二维码可获得积分，积分达到一定值有相应的奖励。</span>
					</div>
					<div class="little-h">
						<div class="all-jifen float-left">
							总积分数：<span class="strong">1200</span>
						</div>
						<div class="now-people float-right">
							当前游玩人数：<span class="strong">100</span>
						</div>
					</div>
					<img onclick="goPage('other/map.html')" src="images/zeya06.jpg" />
				</div>
			</div>

		</div>
	</body>
	<script src="js/head.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
</html>